<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
@import url("grid.css");
</style>
<script language="javascript" src="testjavascript.js"></script>

</head>

<body>
<div class="container">

	<!-- Logo, Banner, Menu
	<div class="grid_4 header">test</div>
	<div class="grid_8 header">test2</div> -->
	<div class="header"><img src="CapWestLogo.jpg" /> </div>
	<!-- Quote Form -->
	<div class="grid_4">
    	<div class="quote">
    		<form class="quoteform" name="getquoteform">
            	<p class="name">
                	<label for="name">Name</label><span id="name_help" class="help"></span>
                    <br />
                    <input type="text" name="name" id="name"
                    	onblur="validateField(this.id,this,document.getElementById('name_help'))" />
                </p>
                
                <p class="number">
                	<a href="#" onmousedown="handleDisplayToggle(document.forms['getquoteform'],'number',document.images['numberbutton'])">
                    	<img name="numberbutton" src="show.jpg" width="25" height="25" border="0" alt="Show" />
                    </a>
                    <label for="number">Contact Number</label><span id="number_help" class="help"></span>
                    <br />
                    <input type="text" name="number" id="number" 
                    	onblur="validateField(this.id,this,document.getElementById('number_help'))" />
                </p>
                
                <p class="email">
                	<a href="#" onmousedown="handleDisplayToggle(document.forms['getquoteform'],'email',document.images['emailbutton'])">
                    	<img name="emailbutton" src="show.jpg" width="25" height="25" border="0" alt="Show" />
                    </a>
                	<label for="email">Email</label><span id="email_help" class="help"></span>
                    <br />
                    <input type="text" name="email" id="email" 
                    	onblur="validateField(this.id,this,document.getElementById('email_help'))" />
                </p>
                
                <p class="address">
                	<a href="#" onmousedown="handleDisplayToggle(document.forms['getquoteform'],'address',document.images['addressbutton'])">
                    	<img name="addressbutton" src="show.jpg" width="25" height="25" border="0" alt="Show" />
                    </a>
                	<label for="address">Address</label><span id="address_help" class="help"></span>
                    <br />
                    <input type="text" name="address" id="address" 
                    	onblur="validateField(this.id,this,document.getElementById('address_help'))" />
                </p>
                
                <p class="insurance">
                	<label for="insurance">Type of Insurance</label><br />
                    <select name="insurance" id="insurance" size="1">
                    	<option>Auto Insurance</option>
                        <option>Home Insurance</option>
                        <option>Commercial Insurance</option>
                        <option>Travel Insurance</option>
                        <option>Life Insurance</option>
                    </select>
                </p>
                
                <p class="postalcode">
                	<label for="postalcode">Postal Code</label><span id="postalcode_help" class="help"></span>
                    <br />
                    <input type="text" name="postalcode" id="postalcode" 
                    	onblur="validateField(this.id,this,document.getElementById('postalcode_help'))" />
                </p>
                
                <p class="extrainfo">
                	<a href="#" onmousedown="handleDisplayToggle(document.forms['getquoteform'],'extrainfo',document.images['extrainfobutton'])">
                    	<img name="extrainfobutton" src="show.jpg" width="25" height="25" border="0" alt="Show" />
                    </a>
                	<label for="extrainfo">Additional Info</label><span id="extrainfo_help" class="help"></span>
                    <br />
                    <input type="text" name="extrainfo" id="extrainfo" 
                    	onblur="validateField(this.id,this,document.getElementById('extrainfo_help'))"/>
                </p>
                
                <p class="submit">
                <!-- NEED TO ADD POSTAL CODE CALCULATIONS AND EMAIL SENDING -->
                	<input type="button" value="Send" onclick="sendQuote(document.forms['getquoteform'])" />
                </p>
            </form>
    	</div>
    </div>
	
    <!-- Intro Paragraph -->
    <div class="grid_8">
    	<div class="intro">
        	<p class="intro">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium justo sit amet est dignissim sed lacinia urna elementum. Curabitur tincidunt pulvinar nisl, at molestie lorem volutpat eget. Proin tempor ornare leo, a feugiat est ullamcorper non. Donec faucibus ornare ipsum, molestie vehicula purus consectetur id. Aenean urna urna, ultrices quis pharetra nec, interdum luctus libero. Nullam et enim nisl, ut ultrices risus. Cras aliquam arcu a dui dignissim a tincidunt massa fermentum.
         	</p>
            
            <ul class="highlight">
            <li>vivamus sagittis</li>
            <li>libero ut ligula</li>
            <li>dictum fringilla sit</li>
            <li>amet at dui</li>
            <li>tristique non</li>
            </ul>
            
            <p class="intro">
            Fusce quis vestibulum lacus. Nam justo massa, fermentum quis lobortis condimentum, facilisis ut ipsum. Phasellus neque lacus, elementum a facilisis tempor, dictum non justo. Sed consequat aliquet sollicitudin. Maecenas ut metus tortor. Aliquam purus nulla, convallis sit amet pulvinar sit amet, vulputate id libero. Integer sollicitudin, ipsum vitae congue lacinia, eros nisi fermentum nibh, aliquet tincidunt turpis justo a lectus. Sed mattis nisi sed risus luctus sed vestibulum nunc aliquam.
            </p></div>
      </div>
</div>

<!-- Footer -->
<div class="grid_12">
    	<div class="location_footer">
			<p class="location_footer"><p class="location_title">Lorem ipsum</p>dolor@sit.ca<br />604.681.1813</p></div>
        <div class="location_footer">
			<p class="location_footer"><p class="location_title">Lorem ipsum</p>dolor@sit.ca<br />604.681.1813</p></div>
        <div class="location_footer">
			<p class="location_footer"><p class="location_title">Lorem ipsum</p>dolor@sit.ca<br />604.681.1813</p></div>
        <div class="location_footer">
			<p class="location_footer"><p class="location_title">Lorem ipsum</p>dolor@sit.ca<br />604.681.1813</p></div>
        <div class="location_footer">
       	  <p class="location_footer"><p class="location_title">Lorem ipsum</p>dolor@sit.ca<br />604.681.1813</p></div>
</div>


</body>
</html>
